<%-- 
    Document   : header
    Created on : Mar 2, 2014, 11:25:39 AM
    Author     : nhung_000
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Photo Album" />
<meta name="keywords" content="Photo Album" />
<meta name="author" content="Team Album" />
<meta name="Author" content="" />


<link rel="stylesheet" href="<%= request.getContextPath() %>/template/pes/style.css" type="text/css" />

<script type="text/javascript" src="<%= request.getContextPath() %>/template/js/jquery.js"></script>
<script type="text/javascript" src="<%= request.getContextPath() %>/template/js/crawler.js"></script>
<script type="text/javascript">
// Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element = document.createElement("script");
 element.src = "js/tooltiphover.js";
 document.body.appendChild(element);
 }
 // Check for browser support of event handling capability
 if (window.addEventListener)
 window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
</script>


<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/template/js/lightbox/jquery.lightbox.css">
<script type="text/javascript" src="<%= request.getContextPath() %>/template/js/lightbox/jquery.lightbox.min.js"></script>
<script type="text/javascript"> 
$(function() { 
//////////////////
$('a.minhhoa').lightBox({ fixedNavigation:true, imageLoading: 'js/lightbox/images/lightbox-ico-loading.gif', imageBtnClose: 'js/lightbox/images/lightbox-btn-close.png', imageBtnPrev: 'js/lightbox/images/lightbox-btn-prev.png', imageBtnNext: 'js/lightbox/images/lightbox-btn-next.png' }); 

$('a.proof_image').lightBox({  txtImage: 'Proofs', fixedNavigation:true, imageLoading: 'js/lightbox/images/lightbox-ico-loading.gif', imageBtnClose: 'js/lightbox/images/lightbox-btn-close.png', imageBtnPrev: 'js/lightbox/images/lightbox-btn-prev.png', imageBtnNext: 'js/lightbox/images/lightbox-btn-next.png' });
//////////////////
})
</script>
<script type="text/javascript" src="<%= request.getContextPath() %>/template/js/js.js"></script>

<script type="text/javascript" src="<%= request.getContextPath() %>/template/js/fancy/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/template/js/fancy/jquery.fancybox.css?v=2.1.5" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
	$(".framefc").fancybox({
		maxWidth	: 400,
		maxHeight	: 80,
		fitToView	: false,
		width		: '400',
		height		: '80',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none',
		'afterClose':function () {
        window.location.reload();
    	},
	});
});
</script>
</head>
<body>
<div class="header">
        <div class="header-content">
            <a class="logo" href="https://abclike.com">
                <img src="<%= request.getContextPath() %>/template/pes/images/images.png" alt="ABCLike" border="0" style="margin-left: 20px;" /></a>
            <ul id="navigation">
                <li><a href="http://localhost:8084/eProject/home.jsp">Home</a></li>
                <li><a href="http://localhost:8084/eProject/model/member/register.jsp">Register</a></li>
                <li><a href="#">Upload</a></li>
                <li><a href="#">FAQs</a></li>
                <li><a href="#">Feedback</a></li>
            </ul>
        </div>
    </div>
    <div class="container">
        <div class="main">



            <div class="sidebar">

                <div class="signin">
                    
       
       <c:choose>
  <c:when test="${not empty sessionScope.user}">
      Welcome <c:out value="${sessionScope.user}"/> <a href="${pageContext.request.contextPath}/model/logout.jsp"/>">Log Out</a>
  </c:when>

  <c:otherwise>
  <h2 class="title">Login</h2>
                    
                    
                    
                    <form method="post" action="http://localhost:8084/eProject/LoginServlet">
                        <ul class="collection">
                            <li>
                                <span class="prefix user"></span>
                                <input class="ppfix pre user" onfocus="if(this.value == 'Username / Email') { this.value = ''; }" onblur="if(this.value=='') { this.value = this.defaultValue }" value="Username / Email" name="login" type="text" style="margin-left: -7px" />
                            </li>
                            <li>
                                <span class="prefix key"></span>
                                <input class="ppfix pre key" onfocus="if(this.value == 'Mật khẩu') { this.value = ''; }" onblur="if(this.value=='') { this.value = this.defaultValue }" value="Mật khẩu" name="pass" type="password" style="margin-left: -7px" />
                            </li>
                        </ul>
                        <div style="font-size: 12px;">
                            <input type="checkbox" name="remember" style="float: left; margin: 0; padding: 0;" />
                            <span style="padding-left: 5px; color: #98a9ca;">Remember me</span>
                            <span style="float: right"><a href="recover.php" style="color: #98a9ca; text-decoration: none;">Forget Pass?</a></span>
                        </div>
                        <div class="buttons">
                            <input class="button green" name="connect" value="Đăng nhập" type="submit" />
                        </div>
                    </form>
  </c:otherwise>
</c:choose>
                    
                   
                </div>
                <!--GOOGLE PLUS-->
                

                <div style="clear: both"></div>
                <div class="sideblock" style="display: none">
                    <p class="user_count">31,893</p>
                    người dùng đăng ký!	
                </div>
                <div class="home_top" style="display: none">
                    <table class="table">
                        <thead>
                            <tr>
                                <td colspan="2">Thành viên nổi bật trong ngày</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <center>
                                        <img src="img/place/place_1.png" width="15" height="15" alt="1" border="0" /></center>
                                </td>
                                <td>anhphamthe</td>
                            </tr>
                            <tr>
                                <td>
                                    <center>
                                        <img src="img/place/place_2.png" width="15" height="15" alt="2" border="0" /></center>
                                </td>
                                <td>sucbohuc321</td>
                            </tr>
                            <tr>
                                <td>
                                    <center>
                                        <img src="img/place/place_3.png" width="15" height="15" alt="3" border="0" /></center>
                                </td>
                                <td>BaoCat</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

<div class="content t-left">
